//保存表格的实例对象
var tableI = null;

function aa(){
    tableI.reload();
}

layui.use(['table','form','layer'], function () {
    var table = layui.table;
    var form = layui.form;
    var layer = layui.layer;

    //监听顶部重置按钮
    // form.on('submit(cz)',function (d){
    //     $("[name=commodityName]").val(undefined)
    //     $("[name=classifyTitle]").val(undefined)
    //     $("[name=userName]").val(undefined)
    //     $("input").val('');
    //     tableI.reload({
    //         url:'/commodityReview/getCommodityReviewSee',
    //     },true)
    //     return false
    // })

    // 展示表格
    tableI = table.render({
        elem: '#commodityReview',
        url: '/commodityReview/getCommodityReviewSee',
        id: 'tableIn',
        page: {
            //       总条数  左箭头  显示的页数 右箭头  // 每页显示条数
            layout: ['count', 'prev', 'page', 'next', 'limit'],
            groups: 1,
            // 每页显示条数
            limit: 5,
            // 每页显示条数
            limits: [5, 8, 10]
        },
        cols: [
            [
                {field: '', title: '', type: 'checkbox', height: 30},
                {field: 'commodityId', title: "序号", width: 80,sort: true},
                {field: 'commodityCode', title: "商品编号", width: 150,sort: true},
                {field: 'commodityImage', title: "商品图片", width: 130, templet: function (d) {
                        return '<img src="http://43.143.176.39/' + d.commodityImage + '" width="80px" height="80px">';
                    }
                },
                {field: 'commodityName', title: "商品名称", width: 180},
                {field: 'currentPrice', title: "价格", width: 150,sort: true,align: 'center',templet:function (d){
                        return d.currentPrice + '￥';
                }},
                {field: 'classifyTitle', title: "分类", width: 160},
                {field: 'userName', title: "上传人员", width: 180},
                {field: 'commodityExamine', title: "审核状态", width: 160, templet: function (d) {
                        if (d.commodityExamine == 1){
                            return "审核通过";
                        }if (d.commodityExamine == 2){
                            return "待审核";
                        }if (d.commodityExamine == 0){
                            return "未通过";
                        }
                    }},
                {title: '操作', toolbar: '#toolbtn', width: 160}
            ]
        ],
        parseData: function (res) {
            return {
                "code": res.code,
                "msg": res.msg,
                "count": res.count,
                "data": res.data
            };
        },
        toolbar: '#toolbarbtn'
    })

    //查询 重新渲染表格
    form.on('submit(commodityReviewSs)', function (d) {
        d=d.field;
        console.log(d)
        table.reload('tableIn',{
            where: {
                commodityName: d.commodityName,
                classifyTitle: d.classifyTitle,
                userName: d.userName
            }
        })
    })

    // 点击按钮事件 查看全部商品
    $("#sp_but_qbsp").click(function (obj) {
        table.reload('tableIn',{
            url:'/commodityReview/getCommodityReviewSee',
        })
    })

    // 点击按钮事件 查看审核通过的商品
    $("#sp_but_shhtg").click(function (obj) {
        table.reload('tableIn',{
            url:'/commodityReview/getCommodityReviewExamineNormal',
            where:{
                commodityExamine: 1
            }
        })
    })

    // 点击按钮事件 查看待商品
    $("#sp_but_daishh").click(function (obj) {
        table.reload('tableIn',{
            url:'/commodityReview/getCommodityReviewExamineNormal',
           where:{
               commodityExamine: 2
           }
        })
    })

    // 点击按钮事件 查看未通过商品
    $("#sp_but_weitg").click(function (obj) {
        table.reload('tableIn',{
            url:'/commodityReview/getCommodityReviewExamineNormal',
            where:{
                commodityExamine: 0
            }
        })
    })

    // 查看
    table.on('tool(test)', function (obj) {
        data = obj.data

        // 子页面向父页面传值，封装键值对，父页面拿出
        localStorage.setItem("com",obj.data.commodityId);

        // 获取id
        console.log(obj.data.commodityId)

        // 查看
        if (obj.event === 'see') {
            // 通过审核 查看详情
            if (data.commodityExamine == 1) {
                console.log(data.commodityExamine)
                layer.open({
                    type: 2,
                    title: '查看详情',
                    content: 'check.html',
                    shade:[0.5,'#AFEEEE'],
                    anim:4,
                    area: ['80%', '80%'],
                })
                // 未通过审核 查看详情并审核和驳回
            } else if (data.commodityExamine == 2) {
                layer.open({
                    type: 2,
                    title: '查看详情',
                    content: 'commodityExamine.html',
                    shade:[0.5,'#AFEEEE'],
                    anim:4,
                    area: ['80%', '80%'],
                    success: function (layero, index) {
                        var body = layer.getChildFrame('body', index);
                        // 商品名称
                        body.find('#commodityName').text(obj.data.commodityName);
                        // 商品分类名称
                        body.find('#classifyTitle').text(obj.data.classifyTitle);
                        // 商品关键字
                        body.find('#searchKeywords').text(obj.data.searchKeywords);
                        // 商品编号
                        body.find('#commodityCode').text(obj.data.commodityCode);
                        //  商品状态
                        if (obj.data.commodityState == 1){
                            body.find('#commodityState').text("已上架");
                        }else if (obj.data.commodityState == 2){
                            body.find('#commodityState').text("已下架");
                        }
                        // 商品路径
                        body.find('#commodityImage').attr('src','http://43.143.176.39/' + obj.data.commodityImage);
                        // 商品标签
                        body.find('#commodityLabel').text(obj.data.commodityLabel);
                        // 商品价格
                        body.find('#currentPrice').text(obj.data.currentPrice);
                        // 商品内容
                        body.find('#commodityDetails').text(obj.data.commodityDetails);
                        // 用户名称
                        body.find('#userName').text(obj.data.userName);
                        // 上传时间
                        body.find('#createDate').text(obj.data.createDate);
                        // 审核状态
                        if (obj.data.commodityExamine == 0){
                            body.find('#commodityExamine').text("审核未通过");
                        }else if (obj.data.commodityExamine == 1){
                            body.find('#commodityExamine').text("审核通过");
                        }else if (obj.data.commodityExamine == 2){
                            body.find('#commodityExamine').text("待审核");
                        }
                    }
                })
                // 未通过审核 查看详情
            } else if (data.commodityExamine == 0) {
                layer.open({
                    type: 2,
                    title: '查看详情',
                    content: 'check.html',
                    shade:[0.5,'#AFEEEE'],
                    anim:4,
                    area: ['80%', '80%'],
                })
            }
        }
    })
})
